import { lazy } from 'react'

import {
  AppOutline,
  MessageOutline,
  MessageFill,
  UnorderedListOutline,
  UserOutline,
} from 'antd-mobile-icons'


let Main =lazy(()=>import('../pages/main/Index'))
let Home =lazy(()=>import('../pages/home/Index'))
let Classfiy =lazy(()=>import('../pages/classfiy/Index'))
let Message =lazy(()=>import('../pages/message/Index'))
let User =lazy(()=>import('../pages/user/Index'))

export let homeRouter=[
     {
        path:'/',
        element:<Home></Home>,
        title:'首页',
        icon:<AppOutline></AppOutline>

    },
     {
        path:'/classfiy',
        element:<Classfiy></Classfiy>,
        title:'分类',
         icon:<MessageOutline></MessageOutline>

    },
     {
        path:'/message',
        element:<Message></Message>,
        title:'消息',
         icon:<UnorderedListOutline></UnorderedListOutline>

    },
     {
        path:'/user',
        element:<User></User>,
        title:'个人',
         icon:<UserOutline></UserOutline>

    },
]

let routes =[
    {
        path:'/',
        element:<Main></Main>,
        children:homeRouter
    }
]
export default routes